.main {
  padding: 10px 20px;
  width: 100%;
  height: 100%;
}

.chart {
  margin-top: -10px;
  /*width: 100%;*/
  width:400px;
  height: 400px;
  display: flex;
  justify-content: center;
}
.chartR{
  position: absolute;
  right:0px;
  top:10px;
  width:350px;
  height: 400px;
}
.chartLine{
  width: 100%;
  height: 200px;
}
.mainCon{
  margin-top:-15px;
}
.conditionTop{
  /*max-height: 260px;
  overflow: auto;*/
  overflow: hidden;
}
.conditionTopL{
  max-height: 260px;
  overflow: auto;
  width:160px;
  float: left;
  border-right: 1px solid #ddd;
}
.conditionTopR{
  max-height: 260px;
  overflow: auto;
  width:150px;
  float: right;
  padding-left: 10px;
  border-left: 1px solid #ddd;
  margin-left: -1px;
  :global{
    .ant-checkbox-group-item{
      display:block;
      padding-left: 10px;
    }
  }
}
.conditionBtn{
  position: absolute;
  right: 10px;
  top: 0px;
  z-index: 2;
}
.leftCon{
  height: 350px;
  padding: 10px 0px;
  overflow: auto;
  margin-top: 5px;
  border:1px solid #ddd;
  :global{
    .ant-checkbox-group-item{
      display:block;
      padding-left: 10px;
    }
  }
}
.leftFooter{
  border-top: 1px solid #ddd;
  text-align: center;
  padding-top: 10px;
  margin-top: 10px;
}
.infoCon label{
  display: block;
  white-space: nowrap;
  padding: 4px 10px;
}
.infoCon label span{
  width:55px;
  display: inline-block;
}
.infoNo{
  padding: 0 10px;
}
/* 移动端样式 */
@media screen and (max-width: 600px) {
  :global{
    .ant-col-5, .ant-col-19{
      width: 100%;
    }
    .ant-col-19{
      margin-top: 20px;
    }
  }
  .main {
    overflow: auto;
  }
  .infoCon label{
    float: left;
    width: 210px;
  }
  .leftCon{
    height: auto;
  }
  .chartR{
    position: relative;
    width:100%;
  }
  .conditionBtn{
    right: 0px;
    top: -10px;
  }
  .conditionTop{
    width: 309px;
  }
}
